
    .top {
        border-bottom: 1px solid #f5f5f5;
        background-color: #ffffff;
        height: 42px;
      }
      .top  .top_wrapper{
          display:flex;
          justify-content:space-between;
          width: 990px;
          margin: 0 auto;
      }
      .top_wrapper .top-left {
          display:flex;
      }
      .top_wrapper .top-left .top-logo{
          width: 150px;
          height: 42px;
          z-index: 999;
          background:url("./images/logo.png") top center no-repeat;
      }
      .top_wrapper .top-left .top-logo .item{
          display: block;
          height:100%;
          width: 100%;
          text-indent: -9999px;
      }
      .top_wrapper .top-left .recommend{
        position: relative;
        display: block;
      }
      .top_wrapper .top-left .recommend .recommend-ad{
        display:none ;
        position: absolute;
        top :0px;
        left: -141px;
      }
      .top_wrapper .top-left .recommend:hover .recommend-ad{
        display:block;
      }
      .top_wrapper .top-right {
          display: flex;
          position: relative;
          line-height:42px;
          font-size: 14px;
          color:#464646;
      }
      .top_wrapper .top-right .guard{
          margin-right: 20px;
      }
      .top_wrapper .top-right  .item{
          display: block;
      }
      .top_wrapper .top-right  .item .icon-common{
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5px;
        width: 30px;
        height: 30px;
      }
      .top_wrapper .top-right .guard .item .icon-guard{
          background: url("./images/title_sprite.png") no-repeat -30px 0;
      }
      .top_wrapper .top-right .ranking .item .icon-ranking{
        background: url("./images/title_sprite.png") no-repeat 0 0;
        transform: rotate(90deg);
        opacity: .2;
      }
      .top_wrapper .top-right .ranking:hover .dropdown{
        display: block ;
        animation: opacityAnim 400ms ease forwards;
      }
      .top_wrapper .top-right .ranking .dropdown{
        display:none;
        position: absolute;
        right: 0;
        top: 42px;
      }
      .top_wrapper .top-right .ranking .dropdown iframe{
        width: 707px;
        height: 580px;
      }